<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    {$LOAD_STYLE.top|raw}
</head>
<style type="text/css">
body{
    background: #FFF;
}
.bgGreen{background:#1BC5BB !important;}
.bgRed{background:#EE4B47 !important;}
.box{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.box,.box2{
	width:100%;
	text-align:center; color:#FFF;
	font-size:14px;
	margin:5px;border:solid 1px #f3f3f3;
	border-radius: 10px;
}
.color{
    background:#FFF;
}
.color2{
    line-height: 50px;
    text-align: center;
    color: #8A8A8A;
    font-size: 12px;
    background:#F2F2F2;
}
.color3{
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    color: #8A8A8A;
    font-size: 12px;
    background:#FFF;
}
.color,.color2,.color3{
	margin: 5px;
	width:80px; height:80px;
    border-radius: 50%;
}
.color-one{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}
.color-one .color{
	width:100px; height:100px;
}
.text{
    color:#666;
    font-size: 14px;
    padding: 3px;
    margin-bottom: 0px;
}
.title{
    color:#8A8A8A;
    padding: 20px;
    text-align: center;
}
.pc-class{
	width: 750px;
}
.pc-class .box,.pc-class .box2{
	border: none;
}
.wap-class{
	width: 100%;
}
</style>
<body>
<div id="imgDiv" class="{$terminal}-class">
    <div class="title" style="margin:0px;">以下匹配到的罗纹颜色，请以实际色卡颜色为准</div>
	<div class="color-one">
		<div class="color" style="background:#{$hex};margin:5px;"></div>
		<div class="text" style="text-align: center;">{$num} # {$cid}</div>
	</div>
	
    <div class="weui-flex">
        {php}
            $i=1;
            foreach($T as $v){
				$str='';
                if($v['rose']<=0){
                    //$str='<p></p>';
                }else{
                    //$str='<p style="color:#C00000">+'.$v['rose'].'</p>';
                }
                if($v['name']=="白" || $v['name']=="白色" || $v['name']=="本白" || $v['name']=="蓝光白" || $v['name']=="漂白" || $v['name']=="漂白色"){
                   $v['val']="F5F5F5"; 
                }
                if($v['val']!=''){
                    echo '<div class="box"><div class="color" style="background:#'.$v['val'].'"></div><div class="text">'.$v['number'].'</div><div class="text">'.$v['colorid'].' # '.$v['name'].'</div>'.$str.'</div>';
                }
                if($i%$col == 0 ){
                    echo '</div><div class="weui-flex">';
                }
                //if(count($T)==$i){
                //    for($j=0;$j<$lastcount;$j++){
                //        echo '<div class="box2"></div>';
                //    }
                //}
                $i++;
            }
        {/php}
</div>
</body>
{$LOAD_STYLE.bottom|raw}